.fixednav{
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 2000;
    margin: 0 20px 215px 0;
    }
    .fixednav a {
        display: block;
        border: 1px solid #e1e1e1;
        background: #fff;
        width: 68px;
        padding: 7px 0;
        text-align: center;
        margin-top: 3px;
        color: #3a3f4a;
        text-decoration: none
    }
    .fixednav a:hover {
        background: #36ab87;
        color: #fff;
        text-decoration: none;
        border-color: #36ab87;
    }
    .fixednav i.btn_top {
        display: block;
        width: 30px;
        height: 30px;
        background: url(https://js02.daoju.qq.com/common/images/bg.png)no-repeat;
        background-position: -122px -153px;
        margin: 0 auto;
    }
    .fixednav a:hover i.btn_top {
        background-position: -162px -153px;
    }
    

*{
    margin: 0;
    padding: 0;
}
body{
  background-color: #F3F4F6;
}
.mian{
    width: 1192px;
    margin: auto;

}
.flex{
    display: flex;
}
.top{
    height: 30px;
    color: #999;
    font-size: 16px;
    justify-content: space-between;
    align-items: center;
}
.center{
    background: #f9f9f9;
}
.meu{
    width: 2025px;
    margin: auto;
}
/* 以上是导航头 */

.menu{
    width: 2025px;
    height: 255px;
    margin: auto;
    background: url(https://js01.daoju.qq.com/mall/images/channelmall/lol/bg-head.jpg)no-repeat;
}
.search {
    height: 125px;
}
.searchbox {
    margin: 0 auto;
    width: 1190px;
    height: 125px;
    background: url(https://js01.daoju.qq.com/mall/images/channelmall/lol/search.jpg) no-repeat;
}
.navico {
    background: url(https://js01.daoju.qq.com/common/images/channel/revision/lol/navico.png) no-repeat;
}
.searchbox .logobox {
    margin: 37px 0 0;
    width: 280px;
    height: 52px;
}
.searchbox .logobox .logo-djc {
    width: 280px;
    height: 55px;
    background-position: -670px -5px;
    display: block;
}
.searchbox .sbar {
    margin: 39px 65px 0 100px;
    width: 522px;
    height: 51px;

}
.searchbox .sbar .stext {
    width: 522px;
    height: 51px;
    background-position: -999px 0;
    position: relative;
}
.searchbox .sbar .stext .sbtn {
    position: absolute;
    top: 2px;
    right: 0;
    z-index: 2;
    width: 49px;
    height: 46px;
    background-position: -1558px 0;
    text-indent: -9999px;
    display: block;
    cursor: pointer;
    border: none;
    outline: none;
}
.searchbox .sbar input {
    float: left;
    margin: 1px 0 0 6px;
    width: 450px;
    padding: 14px 10px 15px 10px;
    height: 18px;
    line-height: 18px;
    border: 0;
    color: #9f9f9f;
    font-size: 14px;
    background: none;
 outline: none;
}

.searchbox .logogame {
    margin: 37px 0 0;
    width: 223px;
    height: 59px;
}
.searchbox .logogame .logo-lol {
    width: 223px;
    height: 59px;
    background-position: -437px -5px;
    display: block;

}


/* 以上是logo */
.nav{
    height: 76px;
    position: relative;
}
.nav-left ul{
    width: 940px;
    height: 76px;
    position: relative;
}
.nav-left ul li{
    width: 134px;
    height: 76px;
    line-height:76px;
    text-align: center;
    list-style: none;
    
}

.nav-left ul li a{
    text-decoration: none;
    width: 134px;
    height: 76px;
    display: block;
    text-align: center;
    line-height: 76px;
    font-size: 18px;
    color: #9f9f9f;
}
.nav-left ul li a:hover{
    color:#ff5900 ;
}
.nav-right{
    width: 192px;
    height: 76px;
    line-height: 76px;
    text-align: center;
    font-size: 18px;
    position: relative;
}
.nav-right a{
    text-decoration: none;
    width: 192px;
    color: #ff5900;
    
}
.nav-right  i{
    font-style: normal;
    position: absolute;
    top: 0;
    right: 15px;
    z-index: 10;
    width: 60px;
    height: 76px;
    line-height: 76px;
    text-align: center;
    font-size: 18px;
    display: block;
    overflow: hidden;
}
.nav-right s{
    position: absolute;
    top: 26px;
    left: 36px;
    z-index: 10;
    width: 28px;
    height: 24px;
    background-position: -237px -5px;
    display: block;
}

/* 以上是首页列表 */

.subnav{
    width: 100%;
}
.subwarp{
    line-height: 54px;
    text-align: center;
    background: #e6e6e8;
}
.subwarp ul{
    height: 55px;
    overflow: hidden;
}
.subwarp ul li a{
    display: block;
    width: 118px;
    height: 52px;
    font-size: 14px;
    color: #222;
    text-align: center;
    text-decoration: none;
}
.subwarp ul li{
   list-style: none;
}
.subwarp ul li a:hover{
    color: #36B8C2;
}
.subwarp ul .all-class{
    width: 152px;
}
.location-box{

color: #606060;

}
.location-box div{
    margin: 24px 0 10px;
}
.layout{
   
    justify-content: space-between;
}
.layout-left{
    width: 228px;
}
.layout-right{
    width: 952px;
    height: 561px;
    background-color: white ;
    padding: 30px 0 14px;
}
.sbcont{
    width: 215px;
    padding: 0 13px 0 0;
    background: #fafbfc;
    margin-bottom: 10px;
}
.sbcont h3{
    margin-left: 18px;
    font-size: 16px;
    color: #555;
    height: 47px;
    border-bottom: 2px solid #f3f4f6;
    line-height: 54px;
    text-indent: 6px;
    position: relative;
}
.sbcont h3 .green-line{
    position: absolute;
    top: 47px;
    left: 0;
    z-index: 1;
    width: 80px;
    height: 2px;
    background: #36ab87;
    display: block;
}
.sbcont .viewbuy-box {
    height: auto;
    margin-left: 20px;
    
}
.viewbuy-box li{
    justify-content: space-between;
    padding-top: 15px;
    border-bottom: 1px dashed #e7e7e7;
}
.djimg img{
    margin-left: 3px;
    width: 76px;
    height: 54px;
}
.djinfo .djname{
    width: 108px;
    font-size: 12px;
    font-weight: bold;
    height: 14px;
    line-height: 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.djinfo .djprice{
    margin-top: 8px;
    height: 15px;
    font-size: 12px;
}
.djinfo .djcpri{
    margin-top: 3px;
    color: #333;
    height: 18px;
    padding-bottom: 15px;
    font-size: 12px;
}
.viewbuy-box li:hover .djname{
    color: #36AB87;
}
.viewbuy-box li:hover .djcpri{
    color: orange;
}
.zbcont{
    margin-left: 20px;
    width: 192px;
    
}
.zbcont li {
    list-style: none;
    width: 192px;
    height: 262px;
    display: block;
    border-bottom: 1px dashed #e7e7e7;
}
.zbcont li .prodimg img {
    display: block;
    width: 192px;
    height: 184px;
}
.zbcont li .prodinfo {
    margin: 10px 0 0;
    width: 192px;
    height: auto;
    font-size: 14px;
    overflow: hidden;
}
.zbcont li .prodname {
    width: 192px;
    height: 15px;
    color: #535353;
    line-height: 15px;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.zbcont li .prodpri {
    margin-top: 8px;
    text-align: left;
    color: #ff5900;
    font-weight: bold;
    line-height: 14px;
}

.morebox{
    margin-top: -20px;
    width: 100%;
    height: 30px;
    flex-direction: row-reverse;
}


.layout-top{
    width: 952px;
    height: 360px;
   
}
.djinfobox {
    margin-left: 58px;
    width: 888px;
    height: 360px;
   

}
.djinfobox .goods-img {
    margin-top: 35px;
    position: relative;
}
.djinfobox .goods-img img{
    width: 260px;
    height: 154px;
}
.comico{
    background: url(https://js01.daoju.qq.com/common/images/channel/revision/lol/comico.png)no-repeat;
    
}
.btn-goods-zoom{
    width: 16px;
    height: 15px;
    background-position: -5px -969px;
   position: absolute;
   right: -1px;
    bottom: 153px;
}
.btn-goods-fav{
    margin-top: 6px;
    height: 25px;
    width: 100px;
    display: block;
    line-height: 27px;
    color: #9f9f9f;
    background-position: -5px -521px;
    text-align: center;
    margin-left: 90px;
}

.goodsbuy-box {
    margin-left: 23px;
    

}
.goodsbuy-box .goods-name {
    font-size: 18px;
    text-indent: 15px;
    font-weight: bold;
    color: #2e2e2e;
    width: 450px;
    line-height: 30px;
}
.goodsbuy-box .goods-bg {
    margin-top: 6px;
    width: 456px;
    height: 76px;
    background-position: -5px -143px;
    position: relative;
}
.goods-bg{
    padding-top: 10px;
    
}
.goods-bg-box dl { 
    height: 30px;
}
.goods-bg dt {
    text-indent: 15px;
    line-height: 30px;
    display: block;
    font-size: 14px;
    color: #606060;
}
.goods-bg dd {
    line-height: 30px;
    display: block;
    font-size: 14px;
    color: #606060;
}
.goods-bg span{
        line-height: 30px;
}

.goods-price {
    font: bold 24px Arial;
    margin-right: 3px;
}
.orange{
    color: #ff5900;
}
.pt18 dt{
    text-indent: 15px;
}
.pt18{
    padding-top: 18px;
    font-size: 14px;
    color: #606060;
}
.btn-goods-cart,.btn-goods-handsel{
    margin: 10px 9px 0 15px;
    display: block;
    width: 142px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    font-size: 18px;
    color: #fff;
}
.btn-com{
    background: #ff5900;
}
.btn-blue{
    background: #259afe;
}
.jiaru a{
    text-decoration: none;
}
.layout-button{
    width: 910px;
    height: 99px;
    margin: 36px 20px 20px;
    background: #fafbfc;
    border: 1px solid #ddd;
}
.info-nav{
    margin: 17px 0 0 75px;
    height: 20px;
    width: 705px;
    background-position: -5px -229px;
    position: relative;
    background-color: #fff;
}
.info-nav a{
    text-decoration: none;
}
.info-nav .focus{
    position: absolute;
    z-index: 4;
    top: 0px;
    left: -65px;
    height: 20px;
    font-weight: bold;
    color: #222;
    font-size: 14px;
}
.info-nav .mobile{
    position: absolute;
    z-index: 4;
    top: 0px;
    right: -75px;
    height: 20px;
    color: #9f9f9f;
    font-size: 14px;
}
.info-nav .i-code{
    position: absolute;
    right: -50px;
    top: 4px;
    width: 45px;
    height: 28px;
    background-position: -5px -347px;
    display: block;
}
.info-nav a .codeimg{
    position: absolute;
    top: 40px;
    left: -35px;
    z-index: 20;
    width: 166px;
    height: 174px;
    display: none;
}
.info-nav .mobile:hover .codeimg{
    display: block;
}
.goods_tab{
    width: 84%;
    padding: 30px 8% 0;
    height: auto;
    font-size: 14px;
    line-height: 22px;
}
.goods_tab p{
    margin: 5px 0;
    text-align: left;
}


/* 以上是内容 */

.foot{
    width: 100%;
    background-color:#3b3f4a ;
    margin-top: 40px;
    color: #acb1bb;
}
.foot-top{
    padding: 25px 0 33px 28px;
}
.bx_qa_t1 s {
    margin: 0 10px 0 24px;
    width: 32px;
    height: 32px;
    display: block;
}
.i_sp{
    background: url(../img/icon.png) no-repeat;
}
.bx_qa_t1 s.i_new {
    background-position: 0 -136px;
}
ul{
    list-style: none;
}
.bx_qa_ul{
        margin-left: 65px;
}
.bx_qa_ul a{
    text-decoration: none;
} 
.bx_qa_t1 .bx_qa_ul li{
    width: 100px;
    height: 24px;
    line-height: 24px;
    display: block;
    font-size: 12px;
    color: #acb1bb;
}
.bx_qa_ul li a{
    
    color: #acb1bb;
 }

 .bx_qa_t1 .bx_qa_ul li:hover{
    cursor: pointer;
    text-decoration:underline ;
}
.bx_qa_t1 s.i_qa {
    background-position: -32px -136px;
}
.bx_qa_t1 s.i_pay {
    background-position: -63px -136px;
}
.bx_qa_t1 s.i_kf {
    background-position: -95px -136px;
}

 .foot-top .bx_qa_t1{
    
    border-right: 1px solid #444853;
    height: 150px;
    padding-right: 40px;
}
.business-link {
    margin: 15px 0 0 44px;
    display: block;
    width: 119px;
    height: 49px;
    background: url(https://js01.daoju.qq.com/common/images/logo/business.png) no-repeat;
}
.last-a{
    margin-left: 40px;
}
.last-b{
    margin-left: 40px;
}
.foot-codeimg {
    margin-bottom: 18px;
}
#footer_ied {
    background: #3b3f4a;
    padding: 30px 0 60px 0;
    text-align: center;
    line-height: 19px;
    font-size: 12px;
    border-top: 1px solid #444853;
    color: #81858f;
}
#footer_ied a {
    color: #81858f;
    text-decoration: none;
}